


//引入样式
require('../less/course.less')

//引入字体样式
require('../fonts/iconfont.css')






//文档加载事件
document.ready(function(){

    //获取元素
    const newCourseBox=document.querySelector('#newCourseBox')
    const CourseBox=document.querySelector('#CourseBox')
    const box=document.querySelector('#box')


    //运动页课程训练页头部
    until.sportsTopNav('course')

    
    //运动页课程训练页尾部 动态导航
    until.showTabs('sports')


    //判断用户是否登录
    until.isLogin()




    //渲染数据

    //获取当前用户的课程列表
    function getCurCourseList(){

        let getid=localStorage.getItem('userId')
        $http.get(`/sports/courseList?id=${getid}`,function(res){
            if(res.status===0){
                const CurCourseList=res.data
                

                //过滤最新课程
                const newCourse = CurCourseList.filter(function(item){
                    return item.latest===1
                })

                //渲染
                //定义最新课程字符串
                let newStr=''

                //遍历最新课程
                newCourse.forEach(function(item,index){
                    newStr+=`
                    <div class="newcourse wrapper  course-box"  data-id="${item.courseId}">
                        <img src="http://139.9.177.51:8099${item.imgurl}" alt="">
                        <p class="wrapper link20 ti20 fb">${item.name}</p>
                        <p class="wrapper link20 ti20 f12 c9a">${item.desc}</p>
                    </div>
                    `
                })

                //将newStr追加到页面中
                newCourseBox.innerHTML+=newStr



                //过滤普通课程
                const Course = CurCourseList.filter(function(item){
                    return item.latest===0
                })
                

                //渲染
                //定义普通课程字符串
                let Str=''

                //遍历最新课程
                Course.forEach(function(item,index){
                    Str+=`
                    <div class="course wrapper pr mb8 course-box"  data-id="${item.courseId}">
                        <img src="http://139.9.177.51:8099${item.imgurl}" alt="">
                        <p class="cf">${item.name}</p>
                        <p class="f12 c9a cf">${item.desc}</p>
                    </div>
                    `
                })

                //将newStr追加到页面中
                CourseBox.innerHTML+=Str
                
                
            }
            
            
        })
    }
    getCurCourseList()


    //点击跳转到课程介绍

    //给父级点击事件
    box.addEventListener('click',function(e){
        
        
        //找到相应的子级
        if(e.target.parentNode.className.includes('course-box')){
            
            //获取当前课程的id号
            let id=e.target.parentNode.dataset.id
            console.log(id);
            
            
            //跳转到课程介绍
            location.href=`./courseDescription.html?id=${id}`
        }
        
    })
    
})